var mode = 'custom';
var elementSelectedByPlateau = null;

var XHR = function(method, ad, params) {
    var xhr = new XMLHttpRequest();
    xhr.onload = params.onload || null;
    xhr.open(method, ad);
    if (method === 'POST') {
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    }
    var variables = params.variables || null
            , str = '';
    for (var i in variables) {
        str += i + '=' + encodeURIComponent(variables[i]) + '&';
    }
    xhr.send(str);
};

function retourRun(data) {
    if (data.status === 'ok') {
        $('#nouvellePartie').submit();
    }
    else {
        alert('Il manque des robots');
    }
}

function runCustom() {
    var login = $('input#login').val();
    var idgame = $('input#idGame').val();
    var request = $.ajax({
        url: 'createcustom',
        type: 'post',
        data: {login: login, idGame: idgame},
        success: retourRun
    });
}

function init() {
    // Connect to the SocketIO server to retrieve ongoing games.
    socket = io.connect();
    socket.on('selectElement', function(data) {
        elementSelectedByPlateau = data;
        img = $('#selectedRobot img');
        img.css('opacity', 1);
        switch (data.color) {
            case 'blue':
                img.attr({
                    src: 'img/BlueLarge.png',
                    alt: 'Robot bleu sélectionné',
                    title: 'Robot bleu sélectionné'
                    
                });
                break;
            case 'yellow':
                img.attr({
                    src: 'img/YellowLarge.png',
                    alt: 'Robot jaune sélectionné',
                    title: 'Robot jaune sélectionné'
                });
                break;
            case 'green':
                img.attr({
                    src: 'img/GreenLarge.png',
                    alt: 'Robot vert sélectionné',
                    title: 'Robot vert sélectionné'
                });
                break;
            case 'red':
                img.attr({
                    src: 'img/RedLarge.png',
                    alt: 'Robot rouge sélectionné',
                    title: 'Robot rouge sélectionné'
                });
                break;
        }
    });

    socket.emit('identification', {login: document.getElementById('login').value
        , idGame: document.getElementById('idGame').value}
    );
}

